import React from 'react'
import PureRenderMixin from 'react-addons-pure-render-mixin'
/**
 * 类别：组件
 * 功能：提供我的钱包分类标签
 * 示例：我的银行卡，我的账单，钱包余额
 */
class Caption extends React.Component<IChildProps,void> {
    constructor(props, context) {
        super(props, context);
        this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
    }
    render() {
        var style = {
            background:'#fff',
            // marginTop:'0.07rem',
            marginBottom:'1px',
            color:'#888'
        }
        return (
        	<div  className="padding10" style={style}>
                <span >{this.props.title}</span>
                <div className="float-right">
                    <div className={this.props.className}>
                        {this.props.children}
                    </div>
                </div>
        	</div>
        )
    }
}

export default Caption